<template>
  <el-card header="本年度/月客户数量统计">
    <el-table :data="transactionData" border>
      <el-table-column label="总数" prop="year"></el-table-column>
      <el-table-column label="今年" prop="year"></el-table-column>
      <el-table-column label="一月" prop="Jan"></el-table-column>
      <el-table-column label="二月" prop="Feb"></el-table-column>
      <el-table-column label="三月" prop="Mar"></el-table-column>
      <el-table-column label="四月" prop="Apr"></el-table-column>
      <el-table-column label="五月" prop="May"></el-table-column>
      <el-table-column label="六月" prop="Jun"></el-table-column>
      <el-table-column label="七月" prop="Jul"></el-table-column>
      <el-table-column label="八月" prop="Aug"></el-table-column>
      <el-table-column label="九月" prop="Sep"></el-table-column>
      <el-table-column label="十月" prop="Oct"></el-table-column>
      <el-table-column label="十一月" prop="Nov"></el-table-column>
      <el-table-column label="十二月" prop="Dec"></el-table-column>
    </el-table>
  </el-card>
</template>

<script>
import {
  queryCompanyReport,
} from "@/api/welcome/companywelcome.js";
export default {
  name: "BankWelcome",
  data() {
    return {
      transactionData: [
        { total: null,year: null, Jan: null, Feb: null, Mar: null, Apr: null, May: null, Jun: null, Jul: null, Aug: null, Sep: null, Oct: null, Nov: null, Dec: null },
      ]
    };
  },

  created() {
    this.getList();
  },
  methods: {
    getList() {
      queryCompanyReport(this.queryParams).then((response) => {
        var returndata= response.data;
        this.transactionData[0].total =    returndata.totalCount;
        this.transactionData[0].year =     returndata.yearCount;
        this.transactionData[0].Jan =      returndata.oneCount;
        this.transactionData[0].Feb =      returndata.twoCount;
        this.transactionData[0].Mar =      returndata.threeCount;
        this.transactionData[0].Apr =      returndata.fourCount;
        this.transactionData[0].May =      returndata.fiveCount;
        this.transactionData[0].Jun =      returndata.sixCount;
        this.transactionData[0].Jul =      returndata.sevenCount;
        this.transactionData[0].Aug =      returndata.eightCount;
        this.transactionData[0].Sep =      returndata.nineCount;
        this.transactionData[0].Oct =      returndata.tenCount;
        this.transactionData[0].Nov =      returndata.elevenCount;
        this.transactionData[0].Dec =      returndata.elevenCount;
      });
    },
  }
  
};
</script>
